<!-- 开发者：任桂瑶
开发时间：7.10
修改时间：7.11
功能：登录时提醒未填写信息用户填写信息 -->
<template>
  <div id="UserPrompt">
    <el-row>
      <el-col :span="24">
        <div class="grid-content bg-purple-dark">
          <p>亲爱的用户，你有一些必填信息没有填写，请及时点击下方链接填写个人信息或企业信息，否则将有许多功能无法使用。</p>
        </div>
      </el-col>
    </el-row>
    </br>
    <el-row>
      <el-col :span="12" style="line-height: 35px;">
        <div class="grid-content bg-purple-dark">
          <el-row>
            <el-col :span="12" style="line-height: 35px;">
              <div class="grid-content bg-purple-dark">
                <img src="../../../src/assets/img/login/personal.png" class="personal" @click="personalRouter"/>
              </div>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="20" style="line-height: 20px;">
              <div class="grid-content bg-purple-darks" style="text-align: center;" @click="personalRouter">
                填写个人信息
              </div>
            </el-col>
          </el-row>
        </div>
      </el-col>
      <el-col :span="12">
        <div class="grid-content bg-purple-dark">
          <el-row>
            <el-col :span="12" style="line-height: 35px;">
              <div class="grid-content bg-purple-dark">
                <img src="../../../src/assets/img/login/company.png" class="company" @click="companyRouter"/>
              </div>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="20" style="line-height: 20px;">
              <div class="grid-content bg-purple-darks" style="text-align: left;" @click="companyRouter">
                填写企业信息
              </div>
            </el-col>
          </el-row>
        </div>
      </el-col>
    </el-row>
  </div>
</template>
<script>
  export default {
    data () {
      return {}
    },
    methods: {
      personalRouter () {
        this.$router.push({'path': '/index/personinfo/0'})
      },
      companyRouter () {
        this.$router.push({'path': '/index/companyinfo/1'})
      },
    }
  }
</script>
<style scoped>
  .toolbar-box {
    border: 1px solid #20A0FF;
  }

  body {
    font-family: 微软雅黑;
  }

  .personal {
    height: 100px;
    width: 100px;
  }

  .company {
    height: 100px;
    width: 100px;
  }

  .bg-purple-darks {
    color: #20A0FF;
  }
</style>
